 <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>档案</title>
		<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
		<script type="text/javascript" src="js/mui.min.js"></script>
		<style type="text/css">
			header{
				background: #1d8fe1!important;
			}
			.mui-header a{
				color: white;
			}
			.mui-header h1{
				color: white;
			}
			.mui-content{
				margin-top: 20px;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav mui-header" >
			<div class="" id="mui_header">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">档案 </h1>
			</div>
		</header>
		<div class="mui-content">
			<div class="mui-slider">
				<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
			         <a class="mui-control-item" href="#item1">行政处分</a>
			         <a class="mui-control-item" href="#item2">优秀表现</a> 
		     	</div>
		     	<div class="mui-slider-group">
		     		<div id="item1" class="mui-slider-item mui-control-content mui-active">
		        				<ul class="mui-table-view userlist">
								    <li class="mui-table-view-cell mui-media">
								        <a href="javascript:;">
								            <div class="mui-media-body">
								                2018年8月01日
								                <p class="mui-ellipsis">因违反员工守则的第八条私自带离公司产品，被记过一次</p>
								            </div>
								        </a>
								    </li>
								    <li class="mui-table-view-cell mui-media">
								        <a href="javascript:;">
								            <div class="mui-media-body">
								                2018年8月01日
								                <p class="mui-ellipsis">因违反员工守则的第八条私自带离公司产品，被记过一次</p>
								            </div>
								        </a>
								    </li>
								    <li class="mui-table-view-cell mui-media">
								        <a href="javascript:;">
								            <div class="mui-media-body">
								                2018年8月01日
								                <p class="mui-ellipsis">因违反员工守则的第八条私自带离公司产品，被记过一次</p>
								            </div>
								        </a>
								    </li>
								</ul>	
		            
		         	</div>
		         	<div id="item2" class="mui-slider-item mui-control-content mui-active">
		        				<ul class="mui-table-view userlist">
								    <li class="mui-table-view-cell mui-media">
								        <a href="javascript:;">
								            <div class="mui-media-body">
								                2018年8月05日
								                <p class="mui-ellipsis">外出出差，销售公司产品数10套，获得月劳动奖</p>
								            </div>
								        </a>
								    </li>
								    <li class="mui-table-view-cell mui-media">
								        <a href="javascript:;">
								            <div class="mui-media-body">
								                2018年8月05日
								                <p class="mui-ellipsis">外出出差，销售公司产品数10套，获得月劳动奖</p>
								            </div>
								        </a>
								    </li>
								    <li class="mui-table-view-cell mui-media">
								        <a href="javascript:;">
								            <div class="mui-media-body">
								                2018年8月05日
								                <p class="mui-ellipsis">外出出差，销售公司产品数10套，获得月劳动奖</p>
								            </div>
								        </a>
								    </li>
								</ul>	
		            
		         	</div>
		     	</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		mui(".mui_header").on('tap',"#mui_header",function(){
				mui.openWindow({
					url:"yingyong.html",
					id:"yingyong.html"
				})
			})
	</script>
</html>
